<template>
	
	<div class="box">
		<Headerm></Headerm>
		<div class="container" ref="foodsWrapper">
			<Bannerm :bannerimgs="bannerimgs"></Bannerm>
			<Navm></Navm>
			<div class="foodfl_nav" @click="foodflshow">
				<i class="iconfont icon-down-copy-copy"></i>
			  	<div class="foodfl_nav1">
			  		菜<br />品<br />分<br />类
			  	</div>
		  	</div>
		  	<div class="foodflbox" @click="foodflhide" v-if="ok">
			  	<div class="bg"></div>
			  	<div class="list_bg"></div>
			  	<ul class="foodfl_list">
			  		<li v-for="(foodfl,index) in foodfls" @touchstart="flname(index,$event,foodfl)" :class="index==menuCurrentIndex?'active':'menu-item'"> 
			  			<a class="flname" href="javascript:void(0)" >{{foodfl.name}}</a>
			  		</li>
  				</ul>
 			</div>
			<div class="list" >
				<ul>
					<li v-for="foodfl in foods" class="foodlist">
						<div class="title">
					  		<div class="iconbox"></div>
					  		<h3 class="flname">{{foodfl.cplxName}}</h3>
					  	</div>
						<Foodlistm :foods="foods"></Foodlistm>
					</li>
				</ul>
			</div>
		</div>
			
		<div class="cartbox">	
			<div class="cart_nav">
				<i class="number" v-if="!!number">{{number}}</i>
				<i class="iconfont icon-gouwuchekong"></i>
			</div>			
			<i class="sanjiao iconfont icon-up" v-if="cartlistshow"></i>
			<div class="cartlistbox" v-if="cartlistshow">
				<div class="title"><i>已选餐品</i><b>清空全部</b></div>
				<ul class="carlist">
					<li v-for="cartfood in cartfoods">
						<i class="food_name">{{cartfood.name}}</i>
						<div class="btnbox">
							<i class="iconfont icon-jian subtract"></i>
							<i class="food_numder">{{number}}</i>
							<i class="iconfont icon-jia add"></i>
						</div>
						<i class="food_price">当前价￥{{cartfood.price}}</i>
						
					</li>
				</ul>
			</div>			
			<div class="cart_bottom" v-if="!!number">
				<i class="bg"></i>
				<h4 class="total_price">共计￥188.00</h4>
				<router-link to="/order" class="go_order">确认订单</router-link>				
			</div>
			<i class="cartnavbottom" v-else></i>
		</div>	
		<div class="dind_nav" v-if="!number" >
			<i class="iconfont icon-rmb"></i>
		</div>
	</div>
</template>

<style src="../assets/css/index.css"></style>
<script src="../assets/js/index.js"></script>


